Lucky Claw Machine

Inspired

The story I want to tell comes from summer vacation when I came across a claw machine in the mall and it had very cute toys inside. I wanted to try it out and put in a coin. yuan ben wo yi w needed many chances to get that toy, but I didn't realize that I succeeded on the first try. This is the first time I got a toy with just one coin and I think zhe s a very lucky day.

Photo I shoot in summer

Research

In order to get the effect I wanted, I first searched the internet for claw machine drawing, sketched it and then used figma to come up with the effect. Finally, I used html and css to complete it. I used rectangles to make the "claw", circles and rectangles to make the "lever", and variations in transparency to show the window where the toys fall. I researched and learned many different ways of placing the buttons, and finally chose my favorite effect.

Figma demo